<template>
  <div class="item_box">
    <div>
			<p class="title_1 mb10 mt10">发起人/股东信息</p>
      <el-table
        v-loading="loading"
        :data="list_0"
      >
        <el-table-column label="股东名称" align="center" prop="column0" :show-overflow-tooltip="true">
          <template #default="scope">
            <span class="">{{ scope.row.column0 }}</span>
          </template>
        </el-table-column>
        <el-table-column label="状态" align="center" prop="column1" :show-overflow-tooltip="true"/>
        <el-table-column label="股东ID" align="center" prop="column2" :show-overflow-tooltip="true"/>
        <el-table-column label="股东类型" align="center" prop="column3" :show-overflow-tooltip="true"/>
        <el-table-column label="股东出资比例" align="center" prop="column4" :show-overflow-tooltip="true"/>
        <el-table-column label="股东总认缴" align="center" prop="column5" :show-overflow-tooltip="true"/>
        <el-table-column label="股东总实缴" align="center" prop="column6" :show-overflow-tooltip="true"/>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
          <template #default="scope">
            <el-button link type="primary" @click="handle(scope.row)">查看详情</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<p class="title_1 mb10 mt10">企业对外投资信息</p>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="被投资公司名称" align="center" prop="column7" :show-overflow-tooltip="true"/>
        <el-table-column label="被投资公司统一社会信用代码" align="center" prop="column8" :show-overflow-tooltip="true"/>
        <el-table-column label="法定代表人" align="center" prop="column9" :show-overflow-tooltip="true"/>
        <el-table-column label="注册资本" align="center" prop="column10" :show-overflow-tooltip="true"/>
				<el-table-column label="创立日期" align="center" prop="column11" :show-overflow-tooltip="true"/>
        <el-table-column label="登记机关" align="center" prop="column12" :show-overflow-tooltip="true"/>
        <el-table-column label="占股比" align="center" prop="column13" :show-overflow-tooltip="true"/>
        <el-table-column label="总缴额" align="center" prop="column14" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
		<div>
			<p class="title_1 mb10 mt10">法定代表人对外投资信息</p>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="被投资公司名称" align="center" prop="column15" :show-overflow-tooltip="true"/>
        <el-table-column label="被投资公司统一社会信用代码" align="center" prop="column16" :show-overflow-tooltip="true"/>
        <el-table-column label="法定代表人" align="center" prop="column17" :show-overflow-tooltip="true"/>
        <el-table-column label="注册资本" align="center" prop="column18" :show-overflow-tooltip="true"/>
				<el-table-column label="创立日期" align="center" prop="column19" :show-overflow-tooltip="true"/>
        <el-table-column label="登记机关" align="center" prop="column20" :show-overflow-tooltip="true"/>
        <el-table-column label="占股比" align="center" prop="column21" :show-overflow-tooltip="true"/>
        <el-table-column label="总缴额" align="center" prop="column22" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
    <div>
			<p class="title_1 mb10 mt10">分支机构信息</p>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="工商注册号" align="center" prop="column23" :show-overflow-tooltip="true"/>
        <el-table-column label="客户编号" align="center" prop="column24" :show-overflow-tooltip="true"/>
        <el-table-column label="分支机构名称" align="center" prop="column25" :show-overflow-tooltip="true"/>
        <el-table-column label="所属机构" align="center" prop="column26" :show-overflow-tooltip="true"/>
				<el-table-column label="法人" align="center" prop="column27" :show-overflow-tooltip="true"/>
        <el-table-column label="所在省" align="center" prop="column28" :show-overflow-tooltip="true"/>
        <el-table-column label="详细地址" align="center" prop="column29" :show-overflow-tooltip="true"/>
        <el-table-column label="联系电话" align="center" prop="column30" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
    <div>
			<p class="title_1 mb10 mt10">法定代表人对外任职信息</p>
      <el-table
        v-loading="loading"
        :data="list_1"
      >
        <el-table-column label="法定代表人名称" align="center" prop="column31" :show-overflow-tooltip="true"/>
        <el-table-column label="法人类型" align="center" prop="column32" :show-overflow-tooltip="true"/>
        <el-table-column label="任职企业名称" align="center" prop="column33" :show-overflow-tooltip="true"/>
        <el-table-column label="企业类型" align="center" prop="column34" :show-overflow-tooltip="true"/>
				<el-table-column label="担任职务" align="center" prop="column35" :show-overflow-tooltip="true"/>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="getList"
      />
    </div>
  </div>
</template>

<script setup>
import { reactive, ref, toRefs, watch } from "vue"

	const props = defineProps({
		activeName: {
			type: String,
		},
	})

  const list_0 = ref([])
  const list_1 = ref([])
  const loading = ref(false)
  const total = ref(0)

  const data = reactive({
    queryParams: {
      pageNum: 1,
      pageSize: 10,
    },
  })

  const { queryParams } = toRefs(data)

  const getList = () => {
    loading.value = true
    setTimeout(() => {
      list_0.value = [
        {
					column0: '苏州工业园国有资本投资运营控股有限公司',
					column1: '正常',
					column2: 'b1b64231f31212',
					column3: '企业法人',
					column4: '6.19%',
					column5: '371,566',
					column6: '6,002,681.74',
        },
      ]
      total.value = list_0.value.length
      loading.value = false
    }, 200);
  }
  const handle = (val) => {

  }
  getList()

	watch(() => props.activeName, (val) => {
		getList()
	})
</script>
<style lang="scss" scoped>
</style>
